@import '../../styles/theme.scss';

.c_image {
	display: inline-block;
	border-radius: 8px;

	// 商品大小 一般 宽高相等设置 size
	&-size {
		&-7 {
			@include _Size(7);
		}
		&-18 {
			@include _Size(18);
			margin-right: 14px;
			padding-top: 14px;
			// border-radius: 50%;
		}
		&-20 {
			@include _Size(20);
		}
		&-22 {
			@include _Size(22);
		}
		&-24 {
			@include _Size(24);
		}
		&-26 {
			@include _Size(26);
		}
		&-28 {
			@include _Size(28);
		}
		&-30 {
			@include _Size(30);
		}
		&-33 {
			@include _Size(33);
			border-radius: 4px;
		}
		&-34 {
			@include _Size(34);
		}
		&-40 {
			@include _Size(40);
		}
		&-58 {
			@include _Size(58);
		}
		&-60 {
			@include _Size(60);
			border-radius: 4px;
		}
		&-81 {
			@include _Size(81);
			border-radius: 4px;
		}
		&-90 {
			@include _Size(90);
		}
		&-100 {
			@include _Size(100);
		}
		&-110 {
			@include _Size(110);
		}
		&-120 {
			@include _Size(120);
			border-radius: 12px;
		}
		&-138 {
			@include _Size(138);
			margin-top: 40px;
		}
		&-167 {
			@include _Size(167);
		}
		&-190 {
			width: 190px;
			height: 190px;
			border-radius: 14px;
		}
	}

	// 图片 宽度
	&-width {
		&-18 {
			@include _Width(18);
		}
		&-22 {
			@include _Width(22);
		}
		&-24 {
			@include _Width(24);
		}
		&-25 {
			@include _Width(25);
		}
		&-26 {
			@include _Width(26);
		}
		&-28 {
			@include _Width(28);
		}
		&-29 {
			@include _Width(29);
		}
		&-30 {
			@include _Width(30);
		}
		&-88 {
			@include _Width(88);
			width: 176px;
		}
		&-255 {
			@include _Width(255);
			width: 510px;
		}
		&-325 {
			@include _Width(325);
		}
		&-345 {
			@include _Width(345);
		}
		&-375 {
			@include _Width(375);
		}
	}

	// 图片 高度
	&-height {
		&-17 {
			@include _Height(17);
		}
		&-20 {
			@include _Height(20);
		}
		&-21 {
			@include _Height(21);
		}
		&-24 {
			@include _Height(24);
		}
		&-25 {
			@include _Height(25);
		}
		&-26 {
			@include _Height(26);
		}
		&-28 {
			@include _Height(28);
		}
		&-75 {
			@include _Height(75);
		}
		&-77 {
			height: 154px;
		}
		&-96 {
			height: 192px;
		}
		&-120 {
			@include _Height(120);
		}
		&-150 {
			@include _Height(150);
		}
		&-170 {
			height: 340px;
		}
		&-222 {
			@include _Height(388);
			border-radius: 0;
		}
	}

	// 图片 间距
	&-marginRight {
		&-4 {
			margin-right: 8px;
		}
		&-11 {
			margin-right: 22px;
		}
		&-16 {
			margin-right: 32px;
		}
	}

	// 图片 圆角度数
	&-borderRadius {
		&-2 {
			border-radius: 4px;
		}
		&-4 {
			border-radius: 8px;
		}
		&-8 {
			border-radius: 16px;
		}
	}

	//图片 是否为 圆形
	&-circle {
		border-radius: 50%;
	}
}
